Principle of Closure in Visual Design 視覺設計中的閉合性原則

閉合性原則是格式塔心理學中的一個核心概念,它描述了人類在面對不完整的資訊時,傾向於填補空白以感知完整物件的特性。這一原則廣泛應用於設計中,特別是在標誌、圖示和頁面元素的設計中,幫助簡化視覺呈現並鼓勵使用者互動。

閉合性原則的定義

閉合性原則指出,當外部刺激與某一物件部分匹配時,人們會填補空白以感知一個完整的物件。這種認知過程是自動完成的,即使資訊不完整,我們仍會努力使其具有意義。

例如,當看到缺失部分的圓形或正方形時,大腦會自動填補這些缺失部分,從而感知到完整的形狀。

閉合性原則的應用領域

1. 標誌設計

閉合性原則在標誌設計中被廣泛應用,例如:

公共廣播服務(PBS)的標誌透過正負空間的組合,表現了三個頭部輪廓。

美國職業棒球大聯盟(MLB)的標誌用簡潔的圖形暗示了一名準備揮棒的棒球運動員。

這些標誌透過省略細節,讓大腦完成閉合工作,從而形成簡潔且有趣的設計。

2. 介面圖示

設計師可以透過閉合性原則使介面圖示更具簡潔性。例如,Google Slides 的形狀圖示利用不完整的形狀傳遞功能資訊。儘管形狀並不完整,但使用者仍能輕鬆識別其含義。

注意:儘管閉合性原則能簡化圖示設計,但圖示必須經過測試,以確保使用者能夠理解其含義。如果圖示難以理解,其美觀性和極簡性將無濟於事。

3. 提示額外內容

設計師可以利用閉合性原則向使用者傳達螢幕上還有更多內容。例如:

輪播圖設計:透過僅顯示部分專案,使用者可以感知到更多內容在滑動後可見。例如,Lucid 在其頁面中透過顯示部分未完全展示的元素,鼓勵使用者橫向滑動。

避免“完整性幻覺”:當頁面看似完整但實際有更多內容時,可能會導致使用者忽略額外資訊。例如,Headspace 的“睡眠頁面”因看似完整的設計,使用者可能錯過頁面下方的其他選項。

4. 提供足夠的上下文

如果頁面元素被切斷,必須提供足夠的內容以傳達其功能或資訊。過少的資訊會讓使用者難以理解。

對比示例:

HelloFresh 的輪播圖元素被截斷部分過小,使用者可能忽視這一設計。

Target App 透過截斷第三個按鈕的約40%部分,成功傳遞了還有其他選項的資訊,同時保證了使用者能夠輕鬆理解。

設計中應用閉合性原則的注意事項